import React from 'react'
import { Card } from 'antd';
import {useNavigate,useLocation,useParams} from "react-router-dom"
type Props = {}

const Deils = (props: Props) => {
  const Navigate=useNavigate()
  const Location:any=useLocation()
  const Params=useParams()
  return (
    <div>
     <Card title={Location.state.title} bordered={false} style={{ width: 500 }}>
      <p>{Location.state.name}</p>
      <p><img src={Location.state.img} alt="" /></p>
      <p>{Location.state.city}</p>
    </Card>
    </div>
  )
}

export default Deils